<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <title>Administrator Panel</title>

    <!--Favicon-->
    <link rel="icon" href="/public/icon/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/public/icon/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/public/icon/title_icon.PNG" type="image/x-icon">

    <!--CSS-->
    <link rel="stylesheet" href="/public/css/common.css">
    <link rel="stylesheet" href="/public/css/ModeSwitch.css">
    <link rel="stylesheet" href="/public/css/mobileAdapation.css">
    <link rel="stylesheet" href="/public/admin/css/admin.css">

    <!--JS-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/vue.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/form.js"></script>

    <script defer src="/public/admin/js/admin.js"></script>
    <script defer src="/public/js/info.js"></script>

    <!--MD5加密-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/md5.js"></script>

    <script defer src="/public/js/ModeSwitch.js"></script>
    <script defer src="/public/js/mobileAdapation.js"></script>

    <script src="//dsr-inc_0.gitee.io/dsrblog/js/jquery_backgroundcolor.js"></script>

    <!--图片压缩-->
    <script defer src="/public/admin/js/conversion.js"></script>

    <!--AddMusic-->
    <script defer src="/public/admin/js/addmusic.js"></script>

    <!--QMPlayer API-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/QMPlayer_API.js"></script>

    <!--Dayjs-->
    <script src="//unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
    <script src="//unpkg.com/dayjs@1.8.21/locale/zh-cn.js"></script>
    <script src="//unpkg.com/dayjs@1.8.21/plugin/customParseFormat.js"></script>

    <!--图标库-->
    <link rel="stylesheet" href="/public/FA5Pro/css/all.min.css">
</head>

<body onload="adminmyinfo(),friendstate(),displayimg(),musiclibrary()">
    <div id="darkMode" :class="isLight?'Light':'Dark'">
        <header>
            <p>DSRBLOG</p>
            <i id="myinfo" onclick="infoopen()">
                <img class="myPortrait">
            </i>
        </header>

        <!--个人信息面板-->
        <div id="myinfobox">
            <form id="info">
                <div id="myimg">
                    <div id="editor">
                        <input type="file" accept="image/*" lay-verify="required" id="loadimg"
                            onchange="conversion_head()">
                        <div id="filemask">
                            <p>编辑</p>
                        </div>
                    </div>
                    <img class="myPortrait">
                </div>
                <input type="text" name="id" id="id" class="myID" disabled autocomplete="off">

                <input type="text" name="slogan1" id="slogan1" class="mySlogan" maxlength="24" disabled
                    autocomplete="off">
                <input type="text" name="slogan2" id="slogan2" class="mySlogan" maxlength="24" disabled
                    autocomplete="off">

                <input id="infomodify" type="button" value="编辑" onclick="saveinfo()">
                <input id="infoclose" type="button" value="返回" onclick="infoback()">
            </form>
        </div>
        <div id="myinfomask"></div>
        <!---------------->


        <!--菜单选项-->
        <div id="menu">
            <button type="button" onclick="enterdynamic()">
                <p class="fa fa-comment-alt-medical"></p>
                <p class="optiontitle">发布</p>
            </button>
            <button type="button" onclick="entermusic()">
                <p class="fa fa-list-music"></p>
                <p class="optiontitle">音乐</p>
            </button>
        </div>

        <!--友链申请变更提示块-->
        <div id="prompt">
            <p>驳回失败，请重试</p>
        </div>

        <!--admin面板-->
        <div id="adminpage">
            <div id="homepage">

                <!--动态发布页面-->
                <div id="dynamic">
                    <!--上传提示-->
                    <div id="load_prompt" class="modecard">
                        <div class="modecard">测试</div>
                    </div>
                    <div id="release">
                        <textarea id="dynamictext" placeholder="请写点什么吧..."></textarea>

                        <div id="imgArray">
                            <!-- <div class="imgbox">
                                <button type="button" class="delBtn" onclick="deleteurl(this)">
                                    <i class="fa fa-plus"></i>
                                </button>
                                <div class="img">
                                    <img src="https://gitee.com/DSR-Inc_0/dsrblog/raw/master/img/dark.jpg">
                                </div>
                            </div> -->


                            <!-- <div id="img_upload" class="ModeBG">
                                <input type="file" name="upload" accept="image/*" lay-verify="required" id="upload" onchange="getdynamicurl()">
                                <div id="uploadmask">
                                    <div id="mask" class="modecard"></div>
                                </div>
                                <i id="wordstext" class="fa fa-image"></i>
                            </div> -->
                        </div>

                        <div id="releaseOption">
                            <input type="button" value="返回" id="giveupBtn" onclick="exitdynamic()">
                            <p class="title">发布动态</p>
                            <input type="button" value="发布" id="releaseBtn" onclick="loadtogitee()">
                        </div>
                    </div>
                </div>
                <!--动态发布页面 /-->

                <!--音乐管理页面-->
                <div id="music">
                    <!--上传提示-->
                    <div id="load_music" class="modecard">
                        <div class="modecard">测试</div>
                    </div>
                    <div id="manage">
                        <div id="musiclist">
                            <ul id="scrolllist">
                                
                            </ul>
                        </div>
                        <div id="urltext">
                            <input type="text" name="musicUrl" id="musicUrl" placeholder="粘贴QQ音乐分享链接添加音乐..."
                                onchange="parsing(this)">
                            <button type="button" id="clearUrl" onclick="clearUrl()">
                                <p class="fa fa-backspace"></p>
                            </button>
                        </div>

                        <div id="manageOption">
                            <input type="button" value="返回" id="backBtn" onclick="exitmusic()">
                            <p class="title">音乐库</p>
                            <input type="button" value="添加" id="addBtn" onclick="musicadd()">
                        </div>
                    </div>
                </div>
                <!--音乐管理页面 /-->

                <!--友链审核页面-->
                <div id="friendstate">
                    <div id="state_0" class="state">
                        <!-- 未审核友链(notapproved) -->
                    </div>
                    <div id="state_1" class="state">
                        <!-- 已审核友链(approved) -->
                    </div>
                </div>
                <!--友链审核页面 /-->
            </div>
        </div>
    </div>
</body>

</html>